<template>
  <div class="common-layout">
    <img src="/imgs/scene/ems2.jpg" style="height: 400px; width: 1700px;">
    <div class="mContent">
      <div class="advertisement" :class="{ 'fixed-position': isFixed }">
        <el-carousel   >
          <el-carousel-item v-for="url in bannerArr1" >
            <img :src="url" style="width:100%;height:100%;">
          </el-carousel-item>
        </el-carousel>
        <h3>添加客服</h3>
        <img src="/imgs/scene/Vx1.png" style="width: 400px;height: 400px">
      </div>
      <div class="content" >

        <h1 style="font-size: 40px">峨眉山金顶看日出最全攻略</h1>

        <img src="/imgs/scene/glems%20(6).jpg" class="picture1">
        <p class="tit01">
          D1️⃣
          8:30am: 高铁🚄成都东站-峨眉山站（注意是⚠️峨眉山站，不是峨眉站）大约1h左右就到啦
          10:00am: 直接在高铁站就可以坐景区大巴车前往雷洞坪（大概2h车程）
          12:00am: 抵达雷洞坪-去订好的酒店吃个午饭（⚠️酒店提前订！那儿好几家都能吃午饭）
          下午/晚上🌃剩余时间：到了雷洞坪就可以开始爬山了，可以沿着景区步行路线逛逛。我们晚上提前去踩了一下索道的点。不过越往上灯越少，大晚上还是
          挺黑的。晚上早点儿休息补充睡眠，为明天养精蓄锐
        </p>
        <img src="/imgs/scene/glems%20(2).jpg" class="picture1">
        <p class="tit01">6:00am: 起床，带点儿香飘飘，面包之类的路上可以边爬边吃，节约时间，大概二十分钟到达索道处-排队ing （我们等了快半个小时）
          7:00am: 索道开始运行-坐索道2min-到达金顶
          7:30am: 日出🌅开始（1.28号的天气尊的巨好
          10:00am: 准备下山-返回路上会经过两处观猴区🐒（不过我们那天没遇到，看来天气太冷了猴子也要睡觉
          10:30am: 滑雪⛷️（雷洞坪附近800处有一个滑雪场，可以去玩玩儿）
          11:30am: 回酒店收拾东西-坐大巴车下山（晕车人一定要带晕车药！！！！没开玩笑，不然全程痛苦.jpg，一个平时从来不晕车的人都扛不住，后面开始全身冒冷汗，肚子痛好久没这么难受过了，司机开的超级急，无语子，后面小孩哥直接吐了）
          2:00pm:午饭推荐试试峨眉山跷脚牛肉（附近很多餐馆，可参考大众点评。高铁站没什么吃的）
          5:50pm: 高铁🚄峨眉山站-成都东站</p>
        <img src="/imgs/scene/glems%20(3).jpg" class="picture1">
        <p class="tit01">第一站：峨眉山游客中心
          *寄存行李，自助，按时计费。夏季17:10左右最后一班大巴车上山
          *也可以直接从“峨眉山站”出来，坐门口大巴直达雷洞坪，最晚一班17:00，车站出口也有寄存点🛅

          第二站：雷洞坪
          *从游客中心大巴上车至雷洞坪，时长1小时20分钟至30分钟左右。为大多游客在此住宿休整一晚的地方，同时，需要在此处下车换乘索道
          第三站：接引殿
          *从雷洞坪下大巴车走15-20分钟，到达此处
          *是一个可以招待入住的寺庙，价格分：90/70/50，一个人住也安心🫶，性价比高
          *门口就是换乘索道上金顶的入口，很方便，也可夜爬上山🎑
          ⭐️切记早起爬山者，预留1个半至两小时慢慢爬🧗，小哈用了1小时10分左右到金顶，人已废（信念只有看着天慢慢亮，卡点看日出了😤）
          *当然，也可以直接索道上山，索道时长大约3分钟左右，一般会在日出前20分钟开始运行（来都来了，爬一段嘛！！）
          第四站：金顶
          *早晨6点左右到达，咔咔猛拍👏，可以请香，可以带香，去寺庙拜拜🙏，只身前去也👌🏻，心意到就行啦（我猜的，hhh）
          ⭐️还有租红旗拍照的，嘎嘎出片，真的牛
          第五站：返程
          *8:10坐索道返回，不用排队真的超快！
          *花费10分钟左右从金顶到达索道处，
          *8:30下山到接引殿拿行李
          *8:40返回雷洞坪坐大巴车
          *9:00（每个半点，或车满发车）
          *10:20到达峨眉山游客中心
          *取行李，然后打车（10分钟不到）或者公交（不推荐，时间久）到峨眉山站！！</p>
        <img src="/imgs/scene/glems%20(4).jpg" class="picture1">
        <p class="tit01">❤️建议
          1.步行途中会遇见🐒猴子和松鼠🐿，想必大家都听说过峨眉山的土匪猴子，所以尽可能小心接触❗️以免被误伤。
          2.高铁票一定是买到峨眉山站，不是峨眉站❗️
          3.🉑在山下先吃饭或者备好食物。
          4.峨眉山淡季🈶活动，昨天周五就推出了29.9活动。
          5.在小🍊序上面提前预约好门票和索道。
          6.本地人门票🎫有优惠👉，学生半价（预约好刷身份证即可）。
          7.天气☀️好的时候去体验感更佳，建议提前查看当日天气预报，灰蒙蒙的时候去及其没有体验感！
          8.来回的观光路上有很多大弯，容易晕车的人建议提前吃晕车药💊。</p>
        <img src="/imgs/scene/glems%20(5).jpg" class="picture1">
        <p class="tit01">必备品：
          1.加绒冲锋衣（雨衣也要备用哦）
          （山顶风大，夏天都8度以下，尤其是想看日出的必备，不然太冷了）适合夏天爬峨眉山，一路上十分凉爽
          2.新手可备1根登山仗（对膝盖友好）
          3.速干衣，充电宝、卫生纸等日用品
          4.矿泉水2瓶就够了，泡面、零食少许。</p>
        <img src="/imgs/scene/glems%20(1).jpg" class="picture1">
        <p class="tit01">❗️注意事项：
          1.不用带太多吃的，路上都有补给站。寺庙里最便宜。
          2.住宿，提前一周定。追求性价比和不打算一天登顶的可以住在雷洞坪附近，不想早上太累或者想看日出的可以住金顶。
          3.结伴而行！不要招惹猴子，常见猴区在雷洞坪到接引殿途中，特别是在雷洞坪那里会遇到了猴子。</p>
        <img src="/imgs/scene/emgl%20(2).jpg" class="picture1">
        <p class="tit01">小tip:①氧气瓶（海拔高，平均每人带2瓶以上）
          ②衣物：昼夜温差大，薄羽绒或冲锋衣要带，可带颜色鲜艳外套或裙子👗更上镜、舒适的鞋子👟
          ②护肤品：防晒霜、唇膏
          ④证件：身份证、其他可能减免门票的证件
          ⑤药品：高反药、葡萄糖、感冒药、布洛芬、晕车药等
          ⑥其它：一次性雨衣（天气变化快🌦）、墨镜🕶️、帽子🧢、保温杯、登山杖、轻的补充能量的零食🍫等</p>
        <img src="/imgs/scene/emgl%20(1).jpg" class="picture1">

      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from "vue";

const isFixed = ref(false);

onMounted(() => {
  window.addEventListener('scroll', () => {
    const scrollPosition = window.scrollY || document.documentElement.scrollTop;
    if (scrollPosition > 400) {
      isFixed.value = true;
    } else {
      isFixed.value = false;
    }
  });
});
const bannerArr1 = ref(["/imgs/scene/cdj.jpg","/imgs/scene/cd23.jpeg","/imgs/scene/lvgl03.jpg","/imgs/scene/sgns1.jpg"])
</script>

<style>
.tit01{
  font-size: 30px;
  margin: 20px;
  text-align: left;
}
.picture1{
  width: 899px;
}

.mContent {
  width: 1300px;
  text-align: center;
  position: relative; /* 确保子元素可以相对于它定位 */
}
.content {
  background-color:white;
  width: 900px;
  margin-left: 600px;
}
.advertisement {
  height: 300px;
  width: 400px;

  position: absolute; /* 相对父元素定位 */
  left: 200px;
  top: 0;
}
.fixed-position {
  position: fixed;
  top: 150px;
  left: 300px;
}
</style>